<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>卓创</title>
	<link rel="stylesheet" type="text/css" href="css/mystyle.css" />
</head>
<body>
	<!-- header start -->
	<div class="top over">
		<h1 class="logo"><a href="#"><img src="img/2/logo.png" width="343" height="54"></a></h1>
		<ul class="nav over">
			<li><a href="#">ABOUT US</a></li>
			<li><a href="#">PROCEDURE</a></li>
			<li><a href="#">PROJECTS</a></li>
			<li><a href="#">OUR CLIENT</a></li>
			<li><a href="#">CONTACT</a></li>
			<li><a href="#">RECRUITMENT</a></li>
		</ul>
	</div>
	<!-- header end -->

	<!-- banner start -->
	<div class="banner">
		<div class="bancon">
			<h1 class="bannerbig"><img src="img/2/banner1.png" width="788" height="374"></h1>
			<div class="bannersmall">
				<dl>
					<dt><img src="img/2/sma1.png" width="46" height="46"></dt>
					<dd>·The title of the picture</dd>
				</dl>
				<dl>
					<dt><img src="img/2/sma2.png" width="46" height="46"></dt>
					<dd>·The title of the picture</dd>
				</dl><dl>
					<dt><img src="img/2/sma3.png" width="46" height="46"></dt>
					<dd>·The title of the picture</dd>
				</dl><dl>
					<dt><img src="img/2/sma4.png" width="46" height="46"></dt>
					<dd>·The title of the picture</dd>
				</dl><dl>
					<dt><img src="img/2/sma5.png" width="46" height="46"></dt>
					<dd>·The title of the picture</dd>
				</dl>
			</div>
		</div>
	</div>
	<!-- banner end -->

	<!-- 简介 start -->
	<div class="incon over">
		<div class="left">
			<h1 class="one">ABOUT US</h1>
			<div class="leftcon">Residence and comercial space are where people live and word,the ultimate point of our creative designs and decoration service is offerring a comfortable,healthy and agreeble environment for people to enjoy their daily life in a perfect combination of people themselves and living spaces,so as to achieve harmonious beauty.<a href="#">Read more</a></div>
		</div>
		<div class="centerL">
			<h1 class="tilte">PROJECTS</h1>
			<div class="picbig"><a href="#"><img src="img/2/img1.png" width="203" ></a></div>
			<div class="picsmall"><a href="#"><img src="img/2/img2.png"></a><a href="#"><img src="img/2/img3.png"></a><a href="#"><img src="img/2/img4.png"></a><a href="#"><img src="img/2/img5.png"></a></div>
		</div>
		<div class="centerR">
			<h1 class="tilte">PROJECTS</h1>
			<ul>
				<li><a href="#">·The title of the picture The title of the picture</a></li>
				<li><a href="#">·The title of the picture The title of the picture</a></li>
				<li><a href="#">·The title of the picture The title of the picture</a></li>
			</ul>
			<p><a href="#">Read more</a></p>
		</div>
		<div class="right">
			<h1 class="tilte">CONTACT</h1>
			<dl>
				<dt><img src="img/2/img6.png" width="211"></dt>
				<dd >8621 3636 8351</dd>
				<dd class="tel1">8621 3636 8352</dd>
				<dd class="about">RM.3032-3034,Block-7 NO.128 Huayuan road Shanghai Code;200083</dd>
			</dl>
		</div>
	</div>
	<!--简介 end-->
	<!--footer start-->
	<div class="footer">
		<div class="footercon over"><span class="tel">400 600 800</span><span class="copy">&copy;2013NPR</span></div>
	</div>
</body>
</html>